﻿<!DOCTYPE html>
<html class="hui-overflow-x-hidden">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hui 2.x</title>
    <meta charset="utf-8" />
    <meta name="author" content="百签软件（中山）有限公司，百小僧" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link href="../../res/iconfont/iconfont.css" rel="stylesheet" />
    <link type="text/css" href="../../css/hui.css" rel="stylesheet" />
    <style type="text/css">
        .hui-main { -webkit-transition: all ease 0.2s; }
    </style>
</head>
<body class="hui-overflow-x-hidden hui-height-full">
    <div class="slidebar hui-position-fixed hui-offset-top-0 hui-offset-bottom-0 hui-height-full hui-width-col-3 hui-overflow-y-auto hui-zIndex-10">
        <div class="hui-height-100  hui-background-color-concrete hui-center-all hui-background-color-concrete-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-bbs hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    交流社区
                </div>
            </div>
        </div>
        <div class="hui-height-100  hui-background-color-greenSea hui-center-all hui-background-color-greenSea-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    组件实例
                </div>
            </div>
        </div>
        <div class="hui-height-100  hui-background-color-greenSea hui-center-all hui-background-color-asbestos-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-ui hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    成功案例
                </div>
            </div>
        </div>
        <div class="hui-height-100  hui-background-color-nephritis hui-center-all hui-background-color-nephritis-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-log hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    更新记录
                </div>
            </div>
        </div>
        <div class="hui-height-100 hui-background-color-turquoise hui-center-all hui-background-color-turquoise-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-moban hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    得意晒晒
                </div>
            </div>
        </div>
        <div class="hui-height-100  hui-background-color-belizeHole hui-center-all hui-background-color-belizeHole-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-vip hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    关于百签
                </div>
            </div>
        </div>
        <div class="hui-height-100  hui-background-color-silver hui-center-all hui-background-color-silver-active">
            <div class="hui-text-align-center">
                <span class="hui-icon hui-font-color-white hui-margin-col-auto hui-display-inline-block hui-width-height-40 hui-center-all">
                    <i class="hui-iconfont hui-icon-setting hui-font-size-32 hui-line-height-normal"></i>
                </span>
                <div class="hui-font-size-14 hui-text-line-1 hui-font-color-white hui-text-align-center hui-padding-top-5 hui-line-height-normal">
                    通用设置
                </div>
            </div>
        </div>
    </div>
    <div class="hui-main hui-position-relative hui-zIndex-100 hui-offset-all-0">
        <div class="hui-height-200 hui-background-color-emerald">
        </div>
        <div class="hui-height-100 hui-center-all hui-overflow-hidden hui-background-color-f8f8f8">
            <p class="hui-font-color-turquoise">创意，绝不雷同。</p>
        </div>
        <div class="hui-grid hui-display-table hui-width-full hui-clear-both hui-border-top-e6e6e6-after">
            <div tapmode="" onclick="hui.openWin('category_head', '../base/category/category_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-biaoti hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        分类标题
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('grid_head', '../base/grid/grid_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-jiugongge hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        宫格排版
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('badge_head', '../base/badge/badge_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-jiaobiao hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        提示角标
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('blockquote_head', '../base/blockquote/blockquote_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-yinyong1disc hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        引用文字
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('code_head', '../base/code/code_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-daima hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        代码显示
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('header_head', '../base/header/header_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-daohang hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        顶部导航
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('footer_head', '../base/footer/footer_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-qiehuanzheng hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        底部切换
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('icon_head', '../base/icon/icon_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-tubiao hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        字体图标
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('button_head', '../base/button/button_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-anniu hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        按钮样式
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('switch_head', '../base/switch/switch_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-kaianniu-copy hui-font-size-36 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        切换开关
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('checkbox_head', '../base/checkbox/checkbox_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-fuxuankuangyixuanze hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        复选按钮
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('radio_head', '../base/radio/radio_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-danxuan hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        单选按钮
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('range_head', '../base/range/range_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-range hui-font-size-28 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        区域滑块
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('input_head', '../base/input/input_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-016shurukuang hui-font-size-28 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        单行输入
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('textarea_head', '../base/textarea/textarea_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-duoxingwenbenkuang hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        多行输入
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('search_head', '../base/search/search_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont hui-icon-search hui-font-size-28 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        搜索框
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('textlist_head', '../base/textlist/textlist_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-wenzhangliebiao hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        文本列表
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('picturelist_head', '../base/picturelist/picturelist_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-xiangce hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        相册列表
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('richlist_head', '../base/richlist/richlist_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-weibiaoti109 hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        图文列表
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('func_head', '../base/func/func_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-gongneng01 hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        功能菜单
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-lunbozutu hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        轮播图
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-caidanfenxiangicon hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        分享菜单
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('progress_head', '../base/progress/progress_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-f12 hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        进度条
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-tips hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        温馨提示
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-zhedie-copy hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        折叠面板
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-iconsccd hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        上拉菜单
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-liebiao hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        索引列表
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-moban hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        模板引擎
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-duihuakuangduihuaxian hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        对话框
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont icon-p11shijianzhou hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        时间轴
                    </div>
                </div>
            </div>
            <div tapmode="" onclick="hui.openWin('contact_head', '../base/contact/contact_head.html');" class="hui-grid-col-3 hui-display-table-cell hui-float-left hui-width-col-3 hui-border-right-e6e6e6-after  hui-border-bottom-e6e6e6-after">
                <div class="hui-grid-content hui-height-100 hui-touch-active hui-padding-all-10 hui-background-color-white">
                    <span class="hui-icon hui-font-color-silver hui-margin-col-auto hui-display-inline-block hui-width-height-50 hui-center-all">
                        <i class="hui-iconfont hui-icon-group-user hui-font-size-30 hui-line-height-normal"></i>
                    </span>
                    <div class="hui-font-size-14 hui-text-line-1 hui-font-color-concrete hui-text-align-center hui-padding-top-10 hui-line-height-normal">
                        通讯录
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div tapmode="" class="show-more hui-position-fixed hui-width-height-45 hui-background-color-emerald-active hui-center-all hui-circle hui-zIndex-10000000 hui-offset-bottom-10 hui-offset-right-10">
        <i class="hui-iconfont hui-icon-kuandai hui-font-color-white hui-font-size-28"></i>
    </div>
    <script type="text/javascript" src="../../script/hui.js"></script>
    <script type="text/javascript">
        hui.ready(function () {

        });
        var huimain = hui.single(".hui-main");
        hui.single(".show-more").addEventListener("click", function () {
            var leftval = parseFloat(hui.getCss(huimain, "left").replace("px"));
            if (leftval == 0) {
                huimain.style.cssText = "left:33.33333333333333%;";
            }
            else {
                huimain.style.cssText = "left:0;";
            }
        });
    </script>
</body>
</html>
